<template>
	<view class="scroll-view">
		<view class="item flexr align-center" v-for="(item, index) in 30" :key="index" @click="goOrderDetail">
			<view class="flexc flex-1 overflow-hidden">
				<view class="title-item">订单消费</view>
				<view>订单号: HLS26082307300082</view>
				<view class="time-item">2023-07-30  20:58:50</view>
			</view>
			<view class="score-item">
				-251
			</view>
		</view>
	</view>
</template>

<script setup>
function goOrderDetail() {
	uni.navigateTo({
		url:"/pages/my/orderDetail"
	})
}
</script>

<style lang="scss">
.scroll-view {
	background-color: white;
	flex: 1;
	overflow-y: scroll;
	padding: 32rpx;
	padding-top: 12rpx;
	padding-bottom: env(safe-area-inset-bottom);
	.item {
		border-bottom: 2rpx solid $divider-color;
		padding-bottom: 20rpx;
		padding-top: 20rpx;
	}
	.title-item {
		font-size: 32rpx;
		margin-bottom: 10rpx;
	}
	.time-item {
		font-size: 24rpx;
		color: $text-color2;
	}
	.score-item {
		color: black;
		font-size: 48rpx;
		margin-top: 4rpx;
	}
}
</style>
